@import url('../../assets/config.less');
@import url('../../assets/style.less');
.card{
  margin:24px 0;
  padding:0;
}
.tab{
  margin:0 unit(@defPadding,px);
}

/deep/.materiaLibrary{
  .el-dialog__body{
    padding:0 0 unit(@defPadding,px);
  }
}

.listText,
.listMpnews,
.listImage,
.listVideo,
.listFile{
  overflow: auto;
  .addScrollbar();
}

.listText,
.listFile{
  @ih:40;@r:10;
  height:unit(@ih*@r,px);
  margin:15px 0;
  .item{
    line-height:unit((@ih - 1),px);
    height:unit(@ih,px);
    border-bottom: 1px solid darken(#fff,10%);
    &.active{
      background-color:@blue;
      color:#fff;
    }
    @wTime:160;@wSize:160;
    .time{
      position: absolute;
      right:unit(@defPadding,px);top:0;bottom:0;
      text-align: right;
      width:unit(@wTime,px);
      &+.text-overflow{
        margin-right:unit(@wTime,px);
      }
    }
    .size{
      position: absolute;
      right:unit((@defPadding+@wTime),px);top:0;bottom:0;
      text-align: right;
      width:unit(@wSize,px);
      &+.text-overflow{
        margin-right:unit((@wTime+@wSize),px);
      }
    }
    .text-overflow{
      margin-left:unit(@defPadding,px);
    }
  }
}
.listMpnews,
.listVideo{
  @ih:206px;@r:2;@imgh:114;
  height:unit((@ih+8)*@r,px);
  margin:15px 0;
  padding:0 unit(@defPadding,px);
  .item{
    height:unit(@ih,px);
    margin-top:8px;
    &.active{border-color:@blue;}
    .img-box{width:100%;height:unit(@imgh,px);}
    .title{
      padding:unit((@defPadding/2),px);
    }
    .content{
      font-size:14px;
      line-height:20/14;
      display:-webkit-box;
      word-break:break-all;
      overflow:hidden;text-overflow: ellipsis;
      height:unit(20*2,px);
      -webkit-line-clamp:2;
      -webkit-box-orient: vertical;
      padding:0 unit((@defPadding/2),px);
      color:#999;
    }
  }
}
.listImage{
  @ih:156px;@r:2.5;@imgh:114;
  height:unit((@ih+8)*@r,px);
  margin:15px 0;
  padding:0 unit(@defPadding,px);
  .item{
    height:unit(@ih,px);
    margin-top:8px;
    &.active{border-color:@blue;}
    .img-box{width:100%;height:unit(@imgh,px);}
    .title{
      line-height:unit((@ih - @imgh),px);
      padding:0 unit((@defPadding/2),px);
    }
  }
}


.dialogFooter{
  margin:0 unit(@defPadding,px);
  .suffix{line-height:28px;}
}